﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Draw a blue rectangle (canvas version)</title>
  </head>

  <body onload="main()">
    <canvas id="example" width="400" height="400">
      Please use a browser that supports "canvas"
    </canvas>
    <script src="DrawRectangle.js"></script>
  </body>
</html>
<script>
    var c = document.getElementById('example');
    var ctx1 = c.getContext('2d');
    ctx1.fillStyle = 'rgba(20,30,50,1)';
    ctx1.fillRect(50, 50, 180, 180);

    var c1 = document.getElementById('example');
    var ctx2 = c1.getContext('2d');
    ctx2.fillStyle = 'rgba(2,220,150,0.5)';
    ctx2.fillRect(70, 70, 280, 280);


</script>